/** -------------------------------按钮样式------------------------------- **/

.el-button {
  font-weight: 400 !important;
  height: 32px !important;
  line-height: 32px;
  font-size: 14px !important;
  border-radius: 4px !important;
  vertical-align: middle !important;
}
// 按钮间距
.el-button + .el-button {
  margin-left: 8px !important;
}

// 操作列弹框按钮
.el-transfer__button:nth-child(2) {
  margin-left: 0px !important;
}

.el-button--medium {
  min-width: 96px;
  padding: 0px 16px !important;
  font-size: 16px;
}

.el-button--small {
  min-width: 72px;
  padding: 0px 16px !important;
}

.el-button--mini {
  min-width: 56px;
  padding: 0px 8px !important;
  font-size: 12px;
}
.el-button--text {
  height: auto !important;
  line-height: unset !important;
}

// 成功按钮
// .el-button--success {
//   background-color: #1DBF6E !important;
//   color: #fff !important;
// }

// .el-button--success:hover {
//   background-color: #3ECC80 !important;
// }

.el-button--success:active {
  background-color: #12a25f !important;
}

// .el-button--success:disabled {
//   background-color: #B8F2CD !important;
// }

// 错误按钮
.el-button--danger {
  background-color: #f24738 !important;
  color: #fff !important;
}

.el-button--danger:hover {
  background-color: #f56c5a !important;
}

.el-button--danger:active {
  background-color: #c92b23 !important;
}

.el-button--danger:disabled {
  background-color: #fcd0c3 !important;
}

// 提醒按钮
// .el-button--warning {
//   background-color: #F47D06 !important;
// }

.el-button--warning:hover {
  background-color: #f69a32 !important;
}

.el-button--warning:active {
  background-color: #ca6004 !important;
}

.el-button--warning:disabled {
  background-color: #fde4b9 !important;
}

// 去除圆形图标外边框
.el-button--medium.is-circle,
.el-button--small.is-circle,
.el-button--mini.is-circle {
  color: var(--el-color-primary);
  border: none;
}

// 图标按钮悬停 hover
.el-button--medium.is-circle:hover,
.el-button--small.is-circle:hover,
.el-button--mini.is-circle:hover {
  color: #46a1fb;
  border: none;
}

// 图标按钮激活 active
.el-button--medium.is-circle:active,
.el-button--small.is-circle:active,
.el-button--mini.is-circle:active {
  color: #0f69cf;
  border: none;
}

// 文字按钮内边距
.el-button.is-text {
  padding: 0px 6px;
}

// 图标按钮无效disable
.el-button--small.is-circle.is-disabled {
  color: #75baff !important;
}

.el-button.is-text.is-disabled {
  color: #2d2d2e !important;
}
//搜索框展开收起按钮
.text-button {
  padding: 0 !important;
  min-width: auto !important;
}

// 主要按钮
.el-button--primary {
  &:hover {
    background: #46a1fb;
  }
  &:active,
  &:focus {
    background: #0f69cf;
  }
  &:disabled {
    background: #cce7ff;
  }
}

// 次要按钮
.el-button--primary.is-plain {
  color: $theme-color !important;
  background: #ffffff !important;
  border: 1px solid $theme-color !important;
  &:hover {
    color: #46a1fb !important;
  }
  &:active {
    color: #0f69cf !important;
    border: 1px solid #0f69cf !important;
  }
  &:disabled {
    color: #c8cacc !important;
    background: #f7f9fa !important;
    border: 1px solid #dcdee0 !important;
  }
}

// 常规按钮
.el-button--default.is-plain {
  color: #2d2d2e !important;
  background: #ffffff !important;
  border: 1px solid #d7d9db !important;
  &:hover {
    color: #46a1fb !important;
  }
  &:active {
    color: #0f69cf !important;
  }
  &:disabled {
    color: #c8cacc !important;
    background: #f7f9fa !important;
    border: 1px solid #dcdee0 !important;
  }
}

/** -------------------------------标签样式------------------------------- **/
.el-tag {
  font-weight: 400;
  color: #ffffff;
  border-radius: 2px;
  padding: 0px 8px !important;
  margin-left: 8px !important;
  font-size: 12px !important;
}

// 强调标签
.el-tag--dark.el-tag--primary {
  background: var(--el-color-primary);
}

.el-tag--dark.el-tag--warning {
  background: #f47d06;
}

.el-tag--dark.el-tag--danger {
  background: #f24738;
}

.el-tag--dark.el-tag--success {
  background: #1dbf6e;
}

.el-tag--dark.el-tag--info {
  background: #69718c;
}

// 常规标签
.el-tag--light.el-tag--primary {
  background: var(--el-color-primary) rgba(255, 255, 255, 0.8);
  color: var(--el-color-primary);
}

.el-tag--light.el-tag--warning {
  background: #f47d06 rgba(255, 255, 255, 0.8);
  color: #f47d06;
}

.el-tag--light.el-tag--danger {
  background: #f24738 rgba(255, 255, 255, 0.8);
  color: #f24738;
}

.el-tag--light.el-tag--success {
  background: #1dbf6e rgba(255, 255, 255, 0.8);
  color: #1dbf6e;
}

.el-tag--light.el-tag--info {
  background: #69718c rgba(255, 255, 255, 0.8);
  color: #69718c;
}

// 弱化标签
.el-tag--plain.el-tag--primary {
  background: #fff;
  border: 1px solid var(--el-color-primary);
}

.el-tag--plain.el-tag--warning {
  background: #fff;
  border: 1px solid #f47d06;
}

.el-tag--plain.el-tag--danger {
  background: #fff;
  border: 1px solid #f24738;
}

.el-tag--plain.el-tag--success {
  background: #fff;
  border: 1px solid #1dbf6e;
}

.el-tag--plain.el-tag--info {
  background: #fff;
  border: 1px solid #69718c;
}

// 删除标签
.el-tag.is-closable {
  background-color: #eceef1;
}

.el-tag .el-tag__close {
  margin-left: 5px !important;
}

/** -------------------------------分割线样式------------------------------- */
.el-divider--horizontal {
  border-top: 1px solid #d7d9db !important;
  border-left: 1px solid #d7d9db !important;
}

.el-divider--vertical {
  margin: 0px 12px !important;
}

/** -------------------------------标题样式-------------------------------- */
// 弹框详情一级标题
.dialog-first-title {
  width: 100%;
  height: 56px;
  padding: 16px 4px;
  background: #ffffff;
  box-shadow: inset 0px -1px 0px 0px #d7d9db;
  font-size: 16px;
  font-weight: 500;
  color: #121314;
  > span {
    font-size: 14px;
    font-weight: 400;
    color: #9b9d9e;
  }
}
// 弹框二级标题
.dialog-second-title {
  width: 100%;
  margin-bottom: 16px;
  position: relative;
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  line-height: 22px;
  color: #2d2d2e;
  text-indent: 12px;
  margin: 8px 0 16px 0;
  .second-lable {
  }
  > span:nth-child(1) {
  }

  > span:nth-child(2) {
    font-size: 12px;
    font-weight: 400;
    color: #9b9d9e;
    line-height: 18px;
    margin-left: 8px;
  }
  &::before {
    position: absolute;
    content: "";
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 16px;
    background: var(--el-color-primary);
    background: #1989fa;
  }
}

// 全局二级标题  -- 和上面的区别是marginTop加高
.second-title {
  width: 100%;
  margin-bottom: 16px;
  position: relative;
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  line-height: 22px;
  color: #2d2d2e;
  text-indent: 12px;
  margin: 24px 0 16px 0;
  &.second-title-short {
    margin: 8px 0 16px 0;
  }
  .second-lable {
  }
  > span:nth-child(1) {
  }

  > span:nth-child(2) {
    font-size: 12px;
    font-weight: 400;
    color: #9b9d9e;
    line-height: 18px;
    margin-left: 8px;
  }
  &::before {
    position: absolute;
    content: "";
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 16px;
    background: var(--el-color-primary);
    background: #1989fa;
  }
}

// 页面详情
.page-first-title {
  width: 100%;
  height: 56px;
  padding: 16px 4px;
  background: #ffffff;
  box-shadow: inset 0px -1px 0px 0px #d7d9db;
  font-size: 16px;
  font-weight: 500;
  color: #121314;
  > span {
    font-size: 14px;
    font-weight: 400;
    color: #9b9d9e;
  }
}

/** -------------------------------输入框样式------------------------------- */
.el-input {
  margin-top: 2px;
  background: #ffffff;
  border-radius: 4px;
  height: 32px;
  .el-input__inner {
    height: 32px !important;
  }

  .el-input__inner:hover {
    border: 1px solid var(--el-color-primary) !important;
  }

  .el-input__inner:active {
    border: 2px solid var(--el-color-primary) !important;
  }
}

.el-input.is-disabled {
  background: transparent !important;
}

.el-textarea__inner:hover {
  border: 1px solid transparent !important;
}

.el-textarea__inner:active {
  border: 1px solid transparent !important;
}

.el-range-editor.el-input__inner:hover {
  border: 1px solid var(--el-color-primary) !important;
}

.el-range-editor.el-input__inner:active {
  border: 2px solid var(--el-color-primary) !important;
}

.el-textarea__inner {
  min-height: 60px !important;
}

// 带单位的输入框
.el-input-group:hover {
  box-shadow: 0 0 0 1px var(--el-color-primary) !important;
}

.el-input-group:active {
  box-shadow: 0 0 0 2px var(--el-color-primary) !important;
}

// 基础输入框
.el-select .el-input .el-select__caret.is-reverse {
  color: var(--el-color-primary);
}

.el-select:hover {
  .el-input .el-select__caret.el-icon {
    color: var(--el-color-primary);
  }
}

.el-input.is-disabled {
  background: #f2f5f7;
}

.el-input.is-disabled {
  .el-input__wrapper:hover {
    box-shadow: 0 0 0 1px #d7d9db !important;
  }
}

// 可选择日期范围背景色
.el-date-table td.in-range .el-date-table-cell {
  background: rgba(25, 137, 250, 0.12) !important;
}

// 文本框
.el-textarea:hover {
  border-radius: 4px;
  box-shadow: 0 0 1px 1px var(--el-color-primary) !important;
  // border: 1px solid var(--el-color-primary) !important;
}

// 表单校验成功图标
.el-form-item--feedback .el-input__validateIcon {
  color: #fff;
  border-radius: 10px;
  background-color: #1dbf6e;
}

// 表单校验失败图标
.el-form-item.is-error .el-input__validateIcon {
  color: #fff !important;
  border-radius: 10px;
  background-color: #f24738;
}

// 数字输入框
.el-input-number {
  .el-input__wrapper:hover {
    padding: 1px !important;
    border: none !important;
  }
  .el-input__wrapper:active {
    padding: 1px !important;
    border: none !important;
  }
  // 进步器样式
  .el-input-number__decrease,
  .el-input-number__increase {
    top: 3px !important;
    line-height: 15px !important;
  }
}

.el-input-number.is-controls-right .el-input-number__decrease {
  top: auto !important;
}

.el-input-number.is-controls-right {
  line-height: 15px !important;
}
// 时间选择器
.el-date-table td.today .el-date-table-cell__text {
  border: 1px solid var(--el-color-primary);
}

// 鼠标经过时间背景
.el-date-table td .el-date-table-cell .el-date-table-cell__text:hover {
  background: rgba(25, 137, 250, 0.12) !important;
}
.el-month-table td .cell:hover,
.el-year-table td .cell:hover {
  background: rgba(25, 137, 250, 0.12) !important;
}

// 时间图标靠右展示
.el-range-editor .el-input__inner {
  padding: 3px 13px !important;
}

.el-date-editor {
  position: relative;
  .el-input__prefix {
    left: calc(100% - 0px) !important;
  }
  .el-icon-date {
    position: absolute;
    right: 5px;
  }

  .el-icon-time {
    position: absolute;
    right: 5px;
  }

  .el-range__close-icon {
    position: absolute;
    right: 5px;
  }
  .el-icon-circle-close {
    background-color: #fff;
    height: 28px;
    margin-top: 2px;
    margin-bottom: 2px;
  }
}

.reserve-time {
  .el-input__prefix {
    left: calc(100% - 30px) !important;
  }
}

// 月选择器
.el-month-table td.today .cell,
.el-year-table td.today .cell {
  border: 1px solid var(--el-color-primary);
  border-radius: 16px !important;
}

/** -------------------------------表单横向样式------------------------------- */
// *号与前缀的距离
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left
  > .el-form-item__label:before {
  margin-right: 0px !important;
}

// 短前缀样式
.short-prefix {
  // 前缀文字的右内边距
  .el-form-item__label {
    padding: 0px 4px 0px 0px !important;
  }

  // 表单项每行上下距离
  .el-form-item--default {
    margin-bottom: 16px !important;
  }

  // 输入框距离提示小图标距离
  .el-form-item__content {
    .el-input {
      margin-right: 4px;
    }
    .el-icon {
      color: #c8cacc !important;
    }
  }
}

// 长前缀样式
.long-prefix {
  .el-form-item--default {
    margin-bottom: 24px !important;
  }
  .el-form-item__label {
    margin-bottom: 8px;
  }
}

/** -------------------------------选项样式------------------------------- */
// 单选选中
.el-radio__input.is-checked .el-radio__inner {
  background-color: #fff !important;
}

.el-radio__inner::after {
  background: var(--el-color-primary) !important;
  width: 8px !important;
  height: 8px !important;
  padding: 4px !important;
}

// 单选选中禁用
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background: #2d2d2e !important;
  width: 8px !important;
  height: 8px !important;
  padding: 4px !important;
}

// 多选选中禁用
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background: #2d2d2e !important;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #fff !important;
}
.el-input.is-disabled {
  .el-input__inner {
    color: #2d2d2e !important;
  }
}
.el-textarea.is-disabled {
  .el-textarea__inner {
    color: #2d2d2e !important;
  }
}

.el-range-editor.is-disabled {
  input {
    color: #2d2d2e !important;
  }
}

.el-checkbox__label {
  .el-icon {
    color: #c8cacc !important;
  }
}

/** -------------------------------树选择样式------------------------------- */
.el-tree .is-current > .el-tree-node__content {
  color: var(--el-color-primary) !important;
  background: none !important;
}
.el-tree-node__content {
  .is-leaf + .custom-tree-node {
    color: #2d2d2e;
  }
}

/** -------------------------------tab页样式------------------------------- */
.el-tabs--card > .el-tabs__header {
  // border-bottom: none !important;
}


.el-tabs__header {
  // margin: 0px 0px 12px !important;
}

.el-table {
  .cell {
    padding-left: 16px !important;
    padding-right: 0px !important;
  }
}
.el-table-column--selection {
  .cell {
    padding-left: 12px !important;
    padding-right: 12px !important;
    min-width: 38px !important;
    width: 38px !important;
  }
}
